﻿@{
    Layout = "~/Views/Shared/_FormGray.cshtml";
}

@inject Microsoft.AspNetCore.Hosting.IWebHostEnvironment HostingEnvironment
@section header{
    <link href="@Url.Content("~/lib/summernote/0.8.15/summernote.min.css")" rel="stylesheet" type="text/css">
    <script src='@Url.Content("~/lib/summernote/0.8.15/summernote.js")' type="text/javascript"></script>
    <script src='@Url.Content("~/lib/summernote/0.8.15/lang/summernote-zh-CN.min.js")' type="text/javascript"></script>
}

<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <h2>Summernote</h2>
                    <p>
                        <a href="https://github.com/summernote/summernote" target="_blank">Summernote</a> 是一个简单的基于Bootstrap的WYSIWYG富文本编辑器
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>Summernote 富文本编辑器</h5>
                </div>
                <div class="ibox-content no-padding">
                    <div class="summernote">
                        <h2>一沙后台管理系统</h2>
                        <p>
                            YiShaAdmin 是一个开源的后台管理系统快速开发框架，基于.NET Core Web技术（ASP.NET Core Web，ASP.NET Core Web Api），主要目的让开发者专注业务，
                            降低技术难度，从而节省人力成本，缩短项目周期，提高软件安全质量。
                        </p>
                        <p>
                            <span class="label label-warning">免费开源</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>编辑/保存为html代码示例</h5>
                    <button id="edit" class="btn btn-primary btn-xs m-l-sm" onclick="edit()" type="button">编辑</button>
                    <button id="save" class="btn btn-primary  btn-xs" onclick="save()" type="button">保存</button>
                </div>
                <div class="ibox-content" id="eg">

                    <div class="click2edit wrapper">
                        <h3>你好，一沙 </h3>
                        <p>
                            YiShaAdmin 是一个开源的后台管理系统快速开发框架，基于.NET Core Web技术（ASP.NET Core Web，ASP.NET Core Web Api），主要目的让开发者专注业务，
                            降低技术难度，从而节省人力成本，缩短项目周期，提高软件安全质量。
                        </p>
                        <p>
                            <span class="label label-warning">开源免费</span>
                        </p>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        $('.summernote').summernote({
            lang: 'zh-CN'
        });
    });

    var edit = function () {
        $("#eg").addClass("no-padding");
        $('.click2edit').summernote({
            lang: 'zh-CN',
            focus: true
        });
    };

    var save = function () {
        $("#eg").removeClass("no-padding");
        var html = $('.click2edit').summernote('code');
        $('.click2edit').summernote('destroy');
    };
</script>